<template>
  <a-collapse :accordion="true" v-model:activeKey="activeKey" @change="collChange">
    <a-collapse-panel
      :key="item.stId"
      v-for="item in kgtDetailVOList"
      :header="`${item?.tmbh || ''}${item?.tmbt || ''}：${item.pyZdf}分(满分：${
        item?.tmfz
      })   正确：${item?.studentInfo?.successCount||0}   错误：${
        item?.studentInfo?.errorCount||0
      } 半对：${item?.studentInfo?.halfRightCount||0}`"
    >
      <choice-info :kgtDetailVO="item" />
    </a-collapse-panel>
  </a-collapse>
</template>

<script lang="ts" setup>
import choiceInfo from './choiceInfo.vue'
import { ref } from 'vue'
defineProps({
  kgtDetailVOList: {
    type: Array,
    default: () => [],
  },
} as any)

const activeKey = ref([])

function collChange(key: any) {
  activeKey.value = key
}
</script>

<style scoped lang="less"></style>
